﻿<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="meta description">

    <title>结帐::Veera -多功能电子商务引导4模板</title>

        <!--=== Favicon ===-->
    <link rel="shortcut icon" href="http://demo.devitems.com/veera/veera/th/assets/img/favicon.ico" type="image/x-icon"/>

    <!--== Google Fonts ==-->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,600,700,800" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">


    <!--=== Revolution Slider CSS ===-->
    <link href="th/css/revslider/settings.css" rel="stylesheet">

    <!--=== Bootstrap CSS ===-->
    <link href="th/assets/css/vendor/bootstrap.min.css" rel="stylesheet">
    <!--=== Font-Awesome CSS ===-->
    <link href="th/assets/css/vendor/font-awesome.css" rel="stylesheet">
    <!--=== Dl Icon CSS ===-->
    <link href="th/assets/css/vendor/dl-icon.css" rel="stylesheet">
    <!--=== Plugins CSS ===-->
    <link href="th/assets/css/plugins.css" rel="stylesheet">
    <!--=== Helper CSS ===-->
    <link href="th/assets/css/helper.min.css" rel="stylesheet">
    <!--=== Main Style CSS ===-->
    <link href="th/assets/css/style.css" rel="stylesheet">
    
    <!-- Modernizer JS -->
    <script src="th/assets/js/vendor/modernizr-2.8.3.min.js"></script>

    <!--[if lt IE 9]>
    <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body class="preloader-active">
<!--== Start PreLoader Wrap ==-->
<div class="preloader-area-wrap">
    <div class="spinner d-flex justify-content-center align-items-center h-100">
        <div class="bounce1"></div>
        <div class="bounce2"></div>
        <div class="bounce3"></div>
    </div>
</div>
<!--== End PreLoader Wrap ==-->

<!--== Start Header Area ===-->
<header id="header-area" class="sticky-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="header-content-wrapper d-flex align-items-center">
                    <div class="header-left-area d-flex align-items-center">
                        <!-- Start Logo Area -->
                        <div class="logo-area">
                            <a href="index.html"><img src="th/houtai/images/dreamPoto.png" alt="Logo"/></a>
                        </div>
                        <!-- End Logo Area -->

                        <!-- Start Menu Icon -->
                        <div class="menu-icon-wrap">
                            <button class="menu-icon-bar modalActive" data-mfp-src="#left-offside-popup"><i class="dl-icon-menu5"></i></button>
                        </div>
                        <!-- End Menu Icon -->
                    </div>

                    <div class="header-mainmenu-area d-none d-lg-block">
                        <!-- Start Main Menu -->
                        <nav id="mainmenu-wrap">
                            <ul class="nav mainmenu justify-content-center">
                                <li class="dropdown-show"><a class="current" href="index.html">商品分类</a>
                                    <ul class="mega-menu-wrap dropdown-nav d-flex">
                                        <li class="mega-menu-item"><a href="#" class="mega-item-title">特色服饰</a>
                                            <ul>
                                                <li><a href="index.html">新品上市</a></li>
                                                <li><a href="index2.html">西装革履</a></li>
                                                <li><a href="index3.html">限时折扣</a></li>
                                                <li><a href="index4.html">特价秒杀</a></li>
                                                <li><a href="index5.html">绅士淑女</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-menu-item"><a href="#" class="mega-item-title">当季流行</a>
                                            <ul>
                                                <li><a href="index6.html">新品上市</a></li>
                                                <li><a href="index7.html">绅士男装</a></li>
                                                <li><a href="index8.html">限时折扣</a></li>
                                                <li><a href="index9.html">特价秒杀</a></li>
                                                <li><a href="index10.html">时尚女装</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-menu-item"><a href="#" class="mega-item-title">童装童鞋</a>
                                            <ul>
                                                <li><a href="index11.html">新品上市</a></li>
                                                <li><a href="index12.html">绅士男装</a></li>
                                                <li><a href="index13.html">限时折扣</a></li>
                                                <li><a href="index14.html">特价秒杀</a></li>
                                                <li><a href="index15.html">时尚女装</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="dropdown-show"><a href="#">客服</a>
                                    <ul class="dropdown-nav">
                                        <li><a href="about.html">关于我们</a></li>
                                        <li><a href="team.html">认识团队</a></li>
                                        <li><a href="portfolio.html">投资组合</a></li>
                                        <li><a href="contact.html">联系我们</a></li>
                                        <li><a href="coming-soon.html">快来了</a></li>
                                        <li><a href="faq.html">常问问题</a></li>
                                        <li><a href="404.html">404 错误</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-show mega-fullwidth"><a href="shop.html">商城</a>
                                    <ul class="mega-menu-wrap dropdown-nav d-flex">
                                        <li class="mega-menu-item"><a href="shop.html" class="mega-item-title">商城主页</a>
                                            <ul>
                                                <li><a href="shop-full-wide.html">全商城</a></li>
                                                <li><a href="shop-masonry.html">商城铺砖</a></li>
                                                <li><a href="shop-masonry-wide.html">商城铺砖</a></li>
                                                <li><a href="shop-sidebar.html">商城边栏</a></li>
                                                <li><a href="shop-collection.html">按搜藏品购买</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-menu-item"><a href="single-product-affiliate.html" class="mega-item-title">简介</a>
                                            <ul>
                                                <li><a href="shop-instagram.html">单品详情</a></li>
                                                <li><a href="single-product.html">单品详情</a></li>
                                                <li><a href="single-product-tab-left.html">单品详情</a></li>
                                                <li><a href="single-product-sticky.html">单品详情</a></li>
                                                <li><a href="single-product-masonry.html">单品详情</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-menu-item"><a href="#" class="mega-item-title"></a>
                                            <ul class="mt-10">
                                                <li><a href="single-product-group.html">单品详情</a></li>
                                                <li><a href="single-product-configurable.html">单品详情</a></li>
                                                <li><a href="single-product-affiliate.html">单品详情</a></li>
                                                <li><a href="single-product.html">单品详情</a></li>
                                                <li><a href="single-product.html">单品详情</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-menu-item"><a href="#" class="mega-item-title">用户</a>
                                            <ul>
                                                <li><a href="my-account.html">我的账户</a></li>
                                                <li><a href="cart.html">购物车</a></li>
                                                <li><a href="checkout-tatol.html">查看</a></li>
                                                <li><a href="wishlist.html">收藏</a></li>
                                                <li><a href="order-compare-datailed.html">相比</a></li>
                                                <li><a href="tracking-order.html">跟踪订单</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <!--<li class="dropdown-show"><a href="blog.html">Blog</a>
        <ul class="dropdown-nav">
            <li class="dropdown-show"><a href="#">Blog Grid</a>
                <ul class="dropdown-nav">
                    <li><a href="blog-2-columns.html">Blog 2 Columns</a></li>
                    <li><a href="blog.html">Blog 3 Columns</a></li>
                </ul>
            </li>
            <li class="dropdown-show"><a href="#">Blog Masonry</a>
                <ul class="dropdown-nav">
                    <li><a href="blog-masonry.html">Blog Masonry</a></li>
                    <li><a href="blog-masonry-sidebar.html">Blog Masonry Sidebar</a></li>
                </ul>
            </li>
            <li class="dropdown-show"><a href="#">Blog List</a>
                <ul class="dropdown-nav">
                    <li><a href="blog-listing.html">Blog Right Sidebar</a></li>
                    <li><a href="blog-listing-no-sidebar.html">Blog No Sidebar</a></li>
                </ul>
            </li>
            <li class="dropdown-show"><a href="#">Single Post</a>
                <ul class="dropdown-nav">
                    <li><a href="single-blog.html">Single Post 01</a></li>
                    <li><a href="single-blog-no-sidebar.html">Single Post 02</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="contact.html">Contact</a></li>-->
</ul>
                        </nav>
                        <!-- End Main Menu -->
                    </div>

                    <div class="header-right-area d-flex justify-content-end align-items-center">
                        <button class="search-icon animate-modal-popup" data-mfp-src="#search-box-popup"><i class="dl-icon-search1"></i></button>
                        <ul class="user-area">
                            <li class="dropdown-show">
                                <button><i class="fa fa-user"></i></button>
                                <ul class="dropdown-nav">
                                    <li><a href="my-account.html">我的账户</a></li>
                                    <li><a href="wishlist.html">愿望列表</a></li>
                                    <li><a href="order-compare-datailed.html">比较</a></li>
                                    <li><a href="my-account.html">丢失的密码</a></li>
                                </ul>
                            </li>
                        </ul>
                        <button class="mini-cart-icon modalActive" data-mfp-src="#miniCart-popup">
                            <i class="fa fa-shopping-cart"></i>
                            <span class="cart-count">3</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!--== End Header Area ===-->

<!-- Start Page Header Wrapper -->
<div class="page-header-wrapper">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <div class="page-header-content">
                    <h2>Checkout</h2>
                    <nav class="page-breadcrumb">
                        <ul class="d-flex justify-content-center">
                            <li><a href="index.html">后台</a></li>
                            <li><a href="shop.html">商店</a></li>
                            <li><a href="shop.html" class="active">结帐</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Page Header Wrapper -->

<!--== Start Checkout Page Wrapper ==-->
<form method="post" action="wlcCreateOrder" id="createOrder_table">
    <div id="checkout-page-wrapper" class="pt-90 pt-md-60 pt-sm-50 pb-50 pb-md-20 pb-sm-10">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="checkout-page-coupon-area">
                        <!-- Checkout Coupon Accordion Start -->

                        <!-- Checkout Coupon Accordion End -->
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-6">
                    <!-- Checkout Form Area Start -->
                    <div class="checkout-billing-details-wrap">
                        <h2>详细信息</h2>
                        <style>
                            .letter-box {
                                width: 540px;
                                height: 67px;
                                background: repeating-linear-gradient(
                                        45deg,
                                        #E55F56, #E55F56 5px,
                                        #FFF 0, #FFF 10px,
                                        #4D8EDE 0, #4D8EDE 15px,
                                        #FFF 0, #FFF 20px);
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                position: relative;
                            }
                            .letter-box::after {
                                content: 'OK';
                                position: absolute;
                                right: -4px;
                                top: -4px;
                                text-align: center;
                                color: #FFF;
                                width: 20px;
                                height: 20px;
                                font-size: 8px;
                                border-radius: 50%;
                                line-height: 20px;
                                background: #E55F56;
                            }
                            .letter-container {
                                width: 533px;
                                height: 60px;
                                background: #FFF
                            }
                        </style>
                        <div class="billing-form-wrap">

                            <table class="table  table-borderless" id="userSite_table">
                                <tr th:each="userSite:${userSiteList}" th:class="${userSite.siteOther1 == 1}?'border cart-item letter-box':'border cart-item' " onclick="selectaaTheShippingAddress(this)"  >
                                    <td class="letter-container"><h4 th:text="'姓名：'+${userSite.siteRemark}+' &nbsp;&nbsp;&nbsp;电话：'+${userSite.sitePhone}">收货地址</h4>
                                        <span th:text="'地址：'+${userSite.siteProvince}+${userSite.siteCity}+${userSite.siteDistrict}+${userSite.siteName}">13123dasdasdasdsadsadasdasdsadsa</span></td>
                                    <input type="hidden" th:value="${userSite.siteId}" >
                                </tr>
                            </table>
                            <input type="hidden" name="userSite_siteId_value">




                        </div>
                    </div>

                </div>
                <div class="col-lg-8 col-xl-5 ml-auto">
                    <!-- Checkout Page Order Details -->
                    <div class="order-details-area-wrap">
                        <h2>您的订单</h2>

                        <div class="order-details-table table-responsive">
                            <table class="table table-borderless">
                                <thead>
                                <tr>
                                    <th>产品</th>
                                    <th>总计</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="cart-item" th:each="toCheckoutlVO:${toCheckoutlVOList}">
                                    <td><span class="product-title" th:text="${toCheckoutlVO.shoppingName}" style="white-space: pre-wrap;word-wrap: break-word;line-height: 25px">折边的棉花上</span> <span class="product-quantity" th:text="'&#215;'  +${toCheckoutlVO.shoppingNum}">&#215;  1</span></td>
                                    <td th:text="'￥'+${toCheckoutlVO.shoppingTatol/100.00}" style="vertical-align: middle;">$39.99</td>
                                    <input type="hidden" name="shoppingId" th:value="${toCheckoutlVO.shoppingId}">
                                </tr>

                                </tbody>
                                <tfoot>
                                <tr class="shipping">
                                    <th>航运</th>
                                    <td>
                                        <ul class="shipping-method">
                                            <li>
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" id="free_shipping" name="shipping_method" class="custom-control-input" checked/>
                                                    <label class="custom-control-label" for="free_shipping">免费送货</label>
                                                </div>
                                            </li>
                                        </ul>
                                    </td>
                                </tr>
                                <tr class="final-total">
                                    <th>总计</th>
                                    <td>
                                        <span class="total-amount" th:text="'￥'+${cartTatol/100.00}">$289.93</span>
                                        <input type="hidden" name="cartTatol" th:value="${cartTatol}">
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>

                        <div class="order-details-footer">
                            <p>您的个人资料将用于处理您的订单，支持您在本网站的体验，并用于本网站所述的其他用途
                                <a href="#" class="text-danger">隐私政策</a>.</p>
                            <div class="custom-control custom-checkbox mt-10">
                                <input type="checkbox" id="privacy" class="custom-control-input" required=true />
                                <label for="privacy" class="custom-control-label">本人已阅读及同意本网站的条款及细则</label>
                            </div>

                            <button class="btn btn-full btn-black mt-26" onclick="createOrder()">下订单</button>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</form>

<!--== End Checkout Page Wrapper ==-->

<!--== Start Footer Section ===-->
<footer id="footer-area">
    <!-- Start Footer Widget Area -->
    <div class="footer-widget-area pt-40 pb-28">
        <div class="container">
            <div class="footer-widget-content">
                <div class="row">
                    <!-- Start Footer Widget Item -->
                    <div class="col-md-12 col-lg-3">
                        <div class="footer-widget-item-wrap">
                            <div class="widget-body">
                                <div class="about-text pt-38 pt-sm-0 pt-md-0">
                                    <a href="index.html"><img src="th/houtai/images/dreamPoto.png" alt="Logo"/></a>
                                    <p>Pellentesque mollis nec orci是tincidunt。丝摩利斯·里修斯·欧尼西·阿奎特，坐下
fermentum justo dapibus amet。</p>
                                    <p class="d-none d-md-block d-lg-none">Lorem ipsum疼痛坐amet，奉献elit。我讨厌喷雾剂，我讨厌喷雾剂，我讨厌喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂，喷雾剂。建筑师iure nihil颞叶来了!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End Footer Widget Item -->

                    <!-- Start Footer Widget Item -->
                    <div class="col-sm-3 col-lg-2">
                        <div class="footer-widget-item-wrap">
                            <h3 class="widget-title">公司</h3>
                            <div class="widget-body">
                                <ul class="footer-list">
                                    <li><a href="about.html">关于我们</a></li>
                                    <li><a href="#">工作</a></li>
                                    <li><a href="#">新闻</a></li>
                                    <li><a href="contact.html">联系</a></li>
                                    <li><a href="blog.html">博客</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- End Footer Widget Item -->

                    <!-- Start Footer Widget Item -->
                    <div class="col-sm-3 col-lg-2">
                        <div class="footer-widget-item-wrap">
                            <h3 class="widget-title">Community</h3>
                            <div class="widget-body">
                                <ul class="footer-list">
                                    <li><a href="#">社区</a></li>
                                    <li><a href="#">Facebook群组</a></li>
                                    <li><a href="#">论坛</a></li>
                                    <li><a href="#">聚会</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- End Footer Widget Item -->

                    <!-- Start Footer Widget Item -->
                    <div class="col-sm-3 col-lg-2">
                        <div class="footer-widget-item-wrap">
                            <h3 class="widget-title">法律</h3>
                            <div class="widget-body">
                                <ul class="footer-list">
                                    <li><a href="#">隐私政策</a></li>
                                    <li><a href="#">使用条款</a></li>
                                    <li><a href="#">许可协议</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- End Footer Widget Item -->

                    <!-- Start Footer Widget Item -->
                    <div class="col-sm-3 col-lg-3">
                        <div class="footer-widget-item-wrap">
                            <h3 class="widget-title">联系我们</h3>
                            <div class="widget-body">
                                <div class="contact-text">
                                    <a href="#">(+612) 2531 5600</a>
                                    <a href="#">info@la-studioweb上</a>
                                    <p>柯林西街1622号邮政信箱</p>
                                    <a href="#" class="d-block mt-22"><u>谷歌地图</u></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End Footer Widget Item -->
                </div>
            </div>
        </div>
    </div>
    <!-- End Footer Widget Area -->

    <!-- Start Footer Bottom Area -->
    <div class="footer-bottom-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-sm-3 col-lg-3 m-auto order-1">
                    <div class="footer-social-icons nav justify-content-center justify-content-sm-start mb-xs-10">
                        <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                        <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                        <a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a>
                    </div>
                </div>

                <div class="col-sm-5 col-lg-6 m-auto order-3 order-sm-2 text-center text-sm-left text-lg-center">
                    <div class="copyright-text mt-xs-10 ">
                        <p>&copy; 2018 <a href="index.html">威拉</a>, 所有权利 <a href="http://www.bootstrapmb.com/" title="bootstrapmb">保留</a>.</p>
                    </div>
                </div>

                <div class="col-sm-4 col-lg-3 m-auto order-2 text-center text-md-right">
                    <img src="th/assets/img/payments.png" alt="Payment Method"/>
                </div>
            </div>
        </div>
    </div>
    <!-- End Footer Bottom Area -->
</footer>
<!--== End Footer Section ===-->

<!--== Start Search box Wrapper ==-->
<div class="modalSearchBox" id="search-box-popup">
    <div class="modaloverlay"></div>
    <div class="search-box-wrapper">
        <p>开始键入并按Enter进行搜索</p>
        <div class="search-box-form">
            <form action="#" method="POST" class="search-form-area">
                <input type="search"  name="search" id="search" placeholder="Search entire store" />
                <button type="submit" class="btn-search"><i class="dl-icon-search10"></i></button>
            </form>
        </div>
    </div>
</div>
<!--== End Search box Wrapper ==-->

<!--== Start Mini Cart Wrapper ==-->
<div class="mfp-hide modal-minicart" id="miniCart-popup">
    <div class="minicart-content-wrap">
        <h2>购物车</h2>
        <div class="minicart-product-list">
            <!-- Start Single Product -->
            <div class="single-product-item d-flex">
                <figure class="product-thumb">
                    <a href="single-product.html"><img src="th/assets/img/products/prod-1-1.jpg" alt="Product"></a>
                </figure>
                <div class="product-details">
                    <h2 class="product-title"><a href="single-product.html">条纹的衣服</a></h2>
                    <div class="prod-cal d-flex align-items-center">
                        <span class="quantity">1</span>
                        <span class="multiplication">&#215;</span>
                        <span class="price">$99.99</span>
                    </div>
                </div>
                <a href="#" class="remove-icon">&#215;</a>
            </div>
            <!-- End Single Product -->

            <!-- Start Single Product -->
            <div class="single-product-item d-flex">
                <figure class="product-thumb">
                    <a href="single-product.html"><img src="th/assets/img/products/prod-2-1.jpg" alt="Product"></a>
                </figure>
                <div class="product-details">
                    <h2 class="product-title"><a href="single-product.html">流苏绣花裙子</a></h2>
                    <div class="prod-cal d-flex align-items-center">
                        <span class="quantity">2</span>
                        <span class="multiplication">&#215;</span>
                        <span class="price">$39.29</span>
                    </div>
                </div>
                <a href="#" class="remove-icon">&#215;</a>
            </div>
            <!-- End Single Product -->

            <!-- Start Single Product -->
            <div class="single-product-item d-flex">
                <figure class="product-thumb">
                    <a href="single-product.html"><img src="th/assets/img/products/prod-3-1.jpg" alt="Product"></a>
                </figure>
                <div class="product-details">
                    <h2 class="product-title"><a href="single-product.html">Open-knit毛衣</a></h2>
                    <div class="prod-cal d-flex align-items-center">
                        <span class="quantity">1</span>
                        <span class="multiplication">&#215;</span>
                        <span class="price">33.29</span>
                    </div>
                </div>
                <a href="#" class="remove-icon">&#215;</a>
            </div>
            <!-- End Single Product -->

            <!-- Start Single Product -->
            <div class="single-product-item d-flex">
                <figure class="product-thumb">
                    <a href="single-product.html"><img src="th/assets/img/products/prod-4-1.jpg" alt="Product"></a>
                </figure>
                <div class="product-details">
                    <h2 class="product-title"><a href="single-product.html">Open-knit毛衣</a></h2>
                    <div class="prod-cal d-flex align-items-center">
                        <span class="quantity">1</span>
                        <span class="multiplication">&#215;</span>
                        <span class="price">33.29</span>
                    </div>
                </div>
                <a href="#" class="remove-icon">&#215;</a>
            </div>
            <!-- End Single Product -->
        </div>
        <div class="minicart-calculation-wrap d-flex justify-content-between align-items-center">
            <span class="cal-title">小计:</span>
            <span class="cal-amount">£119.97</span>
        </div>
        <div class="minicart-btn-group mt-38">
            <a href="cart.html" class="btn btn-black ">查看购物车</a>
            <a href="checkout-tatol.html" class="btn btn-black mt-10">结帐</a>
        </div>
    </div>
</div>
<!--== End Mini Cart Wrapper ==-->

<!--== Start Left Offside Menu Wrapper ==-->
<div class="mfp-hide modalLeftOffside" id="left-offside-popup">
    <div class="leftoffside-content-wrap">
        <nav class="offside-menu">
            <ul class="left-offsidemenu">
                <li><a href="#">对维拉的商店</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">投资组合</a></li>
                <li><a href="#">博客</a></li>
                <li><a href="#">新面貌</a></li>
            </ul>
        </nav>
        <div class="offside-text">
            <a href="#"><img src="th/assets/img/payments.png" alt="Payment Method"></a>
            <p>Pellentesque mollis nec orci是tincidunt。西摩利斯·里修斯·欧尼西·阿奎特，坐着我的发酵
dapibus</p>
            <a href="#">(+612) 2531 5600</a>
            <a href="#">info@la-studioweb上</a>
            <p>柯林西街1622号邮政信箱</p>

            <div class="offset-menu-footer">
                <a href="#" target="_blank"><u>谷歌地图</u></a>
                <div class="social-icons nav">
                    <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                    <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                    <a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a>
                </div>
                <p class="copyright">&copy; 018年Veera版权所有 <a href="http://www.bootstrapmb.com/" title="bootstrapmb">保留</a>.</p>
            </div>
        </div>
    </div>
</div>
<!--== End Left Offside Wrapper ==-->

<!--== Start Quick View Modal Wrapper ==-->
<div class="modal" id="quickViewModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true"><i class="dl-icon-close"></i></span>
            </button>
            <div class="modal-body">
                <div class="row">
                    <!-- Start Single Product Thumbnail -->
                    <div class="col-lg-5 col-md-6">
                        <div class="single-product-thumb-wrap p-0 pb-sm-30 pb-md-30">
                            <!-- Product Thumbnail Large View -->
                            <div class="quciview-product-thumb-carousel">
                                <figure class="product-thumb-item">
                                    <img src="th/assets/img/products/prod-1-1.jpg" alt="Single Product"/>
                                </figure>
                                <figure class="product-thumb-item">
                                    <img src="th/assets/img/products/prod-1-2.jpg" alt="Single Product"/>
                                </figure>
                                <figure class="product-thumb-item">
                                    <img src="th/assets/img/products/prod-2-1.jpg" alt="Single Product"/>
                                </figure>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Product Thumbnail -->

                    <!-- Start Single Product Content -->
                    <div class="col-lg-7 col-md-6 m-auto">
                        <div class="single-product-content-wrapper">
                            <div class="single-product-details">
                                <h2 class="product-name">Open-knit毛衣</h2>
                                <div class="prices-stock-status d-flex align-items-center justify-content-between">
                                    <div class="prices-group">
                                        <del class="old-price">$50.00</del>
                                        <span class="price">$40.00</span>
                                    </div>
                                    <span class="stock-status"><i class="dl-icon-check-circle1"></i> In  Stock</span>
                                </div>
                                <p class="product-desc">但是我增加了微量的维生素，所以没有锻炼
ommodo
consequat。在纽拉帕利亚图尔，我为您报道欧盟在逃人员的情况。
Excepteur
缺乏自信。洛姆·伊萨姆·多洛尔坐在阿梅特，神圣化
adipisicing
elit。对鳞片有驱避作用
ut</p>

                                <div class="quantity-btn-group d-flex">
                                    <div class="pro-qty">
                                        <input type="text" id="quantity" value="1"/>
                                    </div>
                                    <div class="list-btn-group">
                                        <a href="cart.html" class="btn btn-black">添加到购物车</a>
                                        <a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                           title="Add to wishlist"><i class="dl-icon-heart2"></i></a>
                                        <a href="order-compare-datailed.html" data-toggle="tooltip" data-placement="top"
                                           title="Add to Compare"><i class="dl-icon-compare2"></i></a>
                                    </div>
                                </div>

                                <div class="find-store-delivery">
                                    <a href="#"><i class="fa fa-map-marker"></i>找到你附近的商店</a>
                                    <a href="#"><i class="fa fa-exchange"></i> 交付和返回</a>
                                </div>
                            </div>

                            <div class="single-product-footer mt-20 pt-20">
                                <div class="prod-footer-right">
                                    <dl class="social-share">
                                        <dt>分享</dt>
                                        <dd><a href="#"><i class="fa fa-facebook"></i></a></dd>
                                        <dd><a href="#"><i class="fa fa-twitter"></i></a></dd>
                                        <dd><a href="#"><i class="fa fa-pinterest-p"></i></a></dd>
                                        <dd><a href="#"><i class="fa fa-google-plus"></i></a></dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Product Content -->
                </div>
            </div>
        </div>
    </div>
</div>
<!--== End Quick View Modal Wrapper ==-->


<!--=======================Javascript============================-->
<!--=== Jquery Min Js ===-->
<script src="th/assets/js/vendor/jquery-3.3.1.min.js"></script>
<!--=== Jquery Migrate Min Js ===-->
<script src="th/assets/js/vendor/jquery-migrate-1.4.1.min.js"></script>
<!--=== Popper Min Js ===-->
<script src="th/assets/js/vendor/popper.min.js"></script>
<!--=== Bootstrap Min Js ===-->
<script src="th/assets/js/vendor/bootstrap.min.js"></script>
<!--=== Plugins Js ===-->
<script src="th/assets/js/plugins.js"></script>
<!--=== Ajax Mail Js ===-->
<script src="th/assets/js/ajax-mail.js"></script>

<!--=== Active Js ===-->
<script src="th/assets/js/active.min.js"></script>

<!--=== Revolution Slider Js ===-->
<script src="th/assets/js/revslider/jquery.themepunch.tools.min.js"></script>
<script src="th/assets/js/revslider/jquery.themepunch.revolution.min.js"></script>

<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->
<script src="th/assets/js/revslider/extensions/revolution.extension.actions.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.carousel.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.kenburn.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.migration.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.navigation.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.parallax.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.slideanims.min.js"></script>
<script src="sth/assets/js/revslider/extensions/revolution.extension.video.min.js"></script>


<script src="th/assets/js/revslider/revslider-active.js"></script>
<script type="text/javascript">
function selectaaTheShippingAddress(userSite) {
    var siteId = $(userSite).children("input[type=hidden]").val();
    /*userSite.children("td").css("class","letter-container");*/
    $(userSite).addClass("letter-box");
    $(userSite).siblings().removeClass("letter-box");
    $("#userSite_siteId_value").val(siteId);
}

$("#userSite_table tr").mouseover(function () {
    $(this).css("cursor","pointer");
})
    
function createOrder() {
    if($("#privacy").val()==true){
        $("#createOrder_table").submit();
    }
}


   
</script>
</body>
</html>
